<template>
  <!--  引入导航菜单-->
  <div>
    <el-menu style="width: 200px"
             default-active="2"
             class="el-menu-vertical-demo"
    >
      <el-menu-item index="1">
        <el-icon>
          <icon-menu/>
        </el-icon>
        <span>导航一</span>
      </el-menu-item>
      <el-menu-item index="2">
        <el-icon>
          <icon-menu/>
        </el-icon>
        <span>导航二</span>
      </el-menu-item>
      <el-menu-item index="3">
        <el-icon>
          <document/>
        </el-icon>
        <span>导航三</span>
      </el-menu-item>
      <el-menu-item index="4">
        <el-icon>
          <setting/>
        </el-icon>
        <span>导航四</span>
      </el-menu-item>
    </el-menu>
  </div>

</template>

<script>
export default {
  name: "Aside"
}
</script>

<style scoped>

</style>